<!-- 胶囊排名图配置 -->
<template>
	<div>
		<el-form-item label="单位名称">
			<avue-input :disabled="disabled" v-model="main.activeOption.unit"> </avue-input>
		</el-form-item>
		<el-form-item label="显示数值">
			<avue-switch v-model="main.activeOption.showValue" :disabled="disabled"> </avue-switch>
		</el-form-item>
		<el-form-item label="名称长度">
			<avue-input-number v-model="main.activeOption.nameLength" :min="0" :disabled="disabled"></avue-input-number>
		</el-form-item>
		<el-form-item label="内右边距">
			<avue-input-number v-model="main.activeOption.paddingRight" :min="0" :disabled="disabled"></avue-input-number>
		</el-form-item>
	</div>
</template>

<script>
import { dicOption } from "@/option/config";
export default {
	name: "capsuleChart",
	data() {
		return {
			dicOption: dicOption,
			disabled: this.contain.activeObj.isLock
		};
	},
	inject: ["main", "contain"]
};
</script>

<style></style>
